// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.

// vconsole 默认隐藏
#__vconsole .vc-switch{
  display: none!important;
}
// iphone x
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
.header{
  // position: static;
  .toolbar-background{
    height: 100%;
    background: #4585ff;
    border: none;
  }
  .back-button-icon{
    color: #fff;
    padding: 0 15px;
  }
  .title-ios{
    text-align: center;
    padding: 0 12px;
  }
  &:after{
    display: none;
  }
  &.ios{
    background: red;
  }
}
.content{
  .scroll-content{
    //margin-top: 0!important;
    padding-bottom: 0 !important;
  }
}
// 含有下拉组件的scrollContent 取消上边框
.has-refresher > .scroll-content{
  border-top: none;
}

// 复写choseline popover
.choseline{
  .alert-wrapper{
    width: 85%;
    border-radius: 5px;
    box-shadow: 0 6px 20px rgba(0,0,0,.4);
    .alert-head{
      padding: 15px 10px;
      h2{
        font-weight: normal;
        font-size: 16px;
        color: #333;
      }
    }
    .alert-radio-group{
      font-size: 16px;
    }
  }
}
